<template>
  <div class="error-container">
    <svg-icon icon-class="403" class="icon"></svg-icon>
    <div class="tips">您暂无权限访问该页面,请联系管理员...</div>
  </div>
</template>

<script>
export default {
  name: "Error403"
};
</script>
<style lang="scss" scoped>
.error-container {
  height: 100vh;
  @include flex-center;

  .icon {
    font-size: 460px;
    margin-top: -120px;
  }

  .tips {
    font-size: 18px;
    margin: -60px 0 20px;
  }

  .ant-btn {
    font-size: 16px;
    height: 40px;
    line-height: 36px;
    border-radius: 40px;
    padding: 0 20px;
  }
}
</style>
